<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>RunJS 演示代码</title>
	</head>
	<style type="text/css">
		.circle-up {
			width: 100px;
			height: 0px;
			border: 0 solid transparent;
			border-top: 100px solid #669;
			border-right: 100px solid #669;
			-moz-border-radius: 100px 100px 0 0;
			-webkit-border-radius: 100px 100px 0 0;
			border-radius: 100px 100px 0 0;
		}
		body {
			width: 1000px;
			height: 600px;
			margin: 0;
			background: #f2f3f7;
		}
		.content {
			width: 200px;
			height: 200px;
			margin: 50px auto;
			background: red;
		}
		.cover {
			position: absolute;
			width: 400px;
			height: 200px;
			left: 300px;
			top: -130px;
			background: #f2f3f7;
			border-radius: 50%;
		}
	</style>

	<body>
		<div class='cover'></div>
		<div class='content'></div>
		<div class="circle-up">
			
		</div>
	</body>

</html>